<template>
  <h1>计算属性</h1>
  <h2>判断奇数偶数</h2>

  <!-- 普通方法 -->
  <!-- <h4>num 的值为 {{ num }} , 它的值为{{ msg }}</h4> -->
  <!-- 计算属性 -->
  <h4>num 的值为 {{ num }} , 它的值为{{ commsg }}</h4>
  <button @click="modifyNum">点击修改num(随机的0/1)</button>
</template>

<script>
export default {
  data(){
    return{
      num:1,
      msg:'偶数'
    }
  },
  // 普通方法
  methods:{
    modifyNum(){
      this.num = Math.floor(Math.random()*2) //到2的随机数向下取整
      console.log(this.num)
      // this.modifymsg()
    },
    // 这种普通的方法虽然也可以但是无论改没改(0=0相当于没有更改)都会执行,过于消耗性能
    // modifymsg(){
    //   this.msg = this.num?'奇数':'偶数'
    //   console.log('成功')
    // }
  },
  // 计算属性    打开只要用了就会立即执行
  computed:{
    // 用他的地方要写commsg(要与这里一样)
    commsg(){
      // 必须要写返回值
      console.log('ok')
      return this.num?'奇数':'偶数'
    }
  }
}
</script>